<div data-role="content" data-bind="with: selectImage" >
	<div id='slider' class="swipe">
		<div class="swipe-wrap" data-bind="foreach: imagePages">
			<div data-bind="foreach: rows" >
				<div data-bind="foreach: images" style="height:110px;text-align: center">
					<div style="display:inline-block; width:150px;">
						<img height="100px" data-bind="attr:{src: source}, event: {vclick: $parents[2].Tap_Image},
							style: { border: selected() ? '2px solid' : '' }" style="color: yellow; "/>
					</div>
				</div>
			</div>	
		</div>			
	</div>
	<div style="text-align: center"> 
		<a id="pageOne" href="#" data-role="button" data-mini="true" data-inline="true" data-theme="b"
			data-bind="event: {vclick: Page_One}">1</a>
		<a id="pageTwo" href="#" data-role="button" data-mini="true" data-inline="true"
			data-bind="event: {vclick: Page_Two}">2</a>
	</ul>
	<div>
		<input type="button" value="Submit Image" data-bind="event: {vclick: Submit_Image}"></input>
		<input type="button" disabled="disabled" value="Select from Gallery"></input>
		<input type="button" disabled="disabled" value="Take Picture"></input>
	</div>	
</div>